// pages/home/home.js
 import request from "../../network/request"
 import {getgoodData} from "../../network/home"
Page({

  /**
   * 页面的初始数据
   */
  data: {
        banners:[],
        recommends:[],
        dKeyword:[],
        control:["流行","新款","精选"],
        currentindex:0,
        goods:{
          "pop":{ page:0,list:[]},
          "new":{ page:0,list:[]},
          "sell":{ page:0,list:[]},
        },
        type:"pop",
        flag:false,
        tabflag:false,
        tabtop:0
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // 获取轮播图的数据
      request({
         url:"http://123.207.32.32:8000/api/m3/home/multidata"
      }).then(res=>{
        this.setData({
          banners:res.data.data.banner.list,
          recommends:res.data.data.recommend.list,
          dKeyword:res.data.data.dKeyword.list
        })
      })
      this.getgoodsData("sell")
      this.getgoodsData("new")
      this.getgoodsData("pop")
  },



// 切换栏
  handletextclick(event){
     this.setData({
        currentindex: event.currentTarget.dataset.index
     })
     switch (this.data.currentindex){
      case 0 :
         this.setData({
           type:"pop"
         })
         break;
      case 1:
        this.setData({
          type:"new"
        })
         break;
      case 2:
        this.setData({
          type:"sell"
        })
         break; 
  }
      this.getgoodsData(this.data.type)
  },

  
   //切换栏的网络请求 
  getgoodsData(type){
    this.data.type=type
    const page=this.data.goods[type].page+1
    getgoodData(type,page).then(res=>{
      // 利用对象指针的特性  改变oldlist会影响goods定于的list数据
      const list =res.data.data.list
      const oldlist=this.data.goods[type].list
      oldlist.push(...list)
       const typekey =`goods.${type}.list`
       this.setData({
        [typekey]:oldlist
       })
    })
  },
  handlebackclick(){
        wx.pageScrollTo({
          scrollTop: 0,
        })
  },

  // 监听图片是否加载完成
  imgload(){
    wx.createSelectorQuery().select("#control").boundingClientRect(res=>{
        this.data.tabtop=res.top+88
    }).exec()
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },

  /**
   * 页面滚动的时候调用
   */
  onPageScroll: function (options) {
           if(options.scrollTop>2000){
             this.setData({
               flag:true
             })
           }else{
            this.setData({
              flag:false
            })
           }
           if(options.scrollTop>=this.data.tabtop){
              this.setData({
                tabflag:true
              })
           }else{
              this.setData({
                tabflag:false
              })
           }
  },

  // 上拉加载更多
  onReachBottom: function(){
    console.log(this.data.type)
    this.getgoodsData(this.data.type)
  }
})
